<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ include file="/WEB-INF/view/include/taglib.jsp"%>
<!DOCTYPE html>
<html lang="cn" class="app">
<head>  
  <meta charset="utf-8" />
  <title>${dict:getConfigValueByKey('WEB_NAME','管理平台')}</title>
  <meta name="description" content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  <link rel="icon" type="image/png" href="icon.png">
  <link rel="apple-touch-icon-precomposed" href="icon.png">
  <link rel="stylesheet" href="${ctxStatic}/js/jPlayer/jplayer.flat.css" type="text/css" />
  <link rel="stylesheet" href="${ctxStatic}/css/bootstrap.css" type="text/css" />
  <link rel="stylesheet" href="${ctxStatic}/css/animate.css" type="text/css" />
  <link rel="stylesheet" href="${ctxStatic}/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="${ctxStatic}/css/simple-line-icons.css" type="text/css" />
  <link rel="stylesheet" href="${ctxStatic}/css/font.css" type="text/css" />
  <link rel="stylesheet" href="${ctxStatic}/css/app.css" type="text/css" />

  <!--[if lt IE 9]>
  <script src="${ctxStatic}/js/ie/html5shiv.js"></script>
  <script src="${ctxStatic}/js/ie/respond.min.js"></script>
  <script src="${ctxStatic}/js/ie/excanvas.js"></script>
  <![endif]-->

</head>
<body style="position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;" >
    <section class="vbox">
        <!--菜单 开始-->
        <section>
            <section class="hbox stretch">
                <section id="content">

                    <!--这里是正文 开始-->
                    <!-- 今日统计 开始 -->
                    <div class="col-sm-12">
                          <div style="height:20px;width:100%;clear: both;"></div>
                          <section class="panel panel-default">
                            <header class="panel-heading font-bold">今日统计</header>

                            <div class="row text-center">
                              <div class="wrapper-lg col-xs-6 col-sm-4 col-md-4 col-lg-2">
                                <a href="#">
                                  <small class="text-muted">成功金额（元）</small>
                                  <span class="m-b-xs h4 block m-t-sm">0.37</span>
                                </a>
                              </div>
                              <div class="wrapper-lg col-xs-6 col-sm-4 col-md-4 col-lg-2">
                                <a href="#">
                                  <small class="text-muted">成功笔数（笔）</small>
                                  <span class="m-b-xs h4 block m-t-sm">55</span>
                                </a>
                              </div>
                              <div class="wrapper-lg col-xs-6 col-sm-4 col-md-4 col-lg-2">
                                <a href="#">
                                  <small class="text-muted">失败金额（元）</small>
                                  <span class="m-b-xs h4 block m-t-sm">0</span>
                                </a>
                              </div>
                              <div class="wrapper-lg col-xs-6 col-sm-4 col-md-4 col-lg-2">
                                <a href="#">
                                  <small class="text-muted">失败笔数（笔）</small>
                                  <span class="m-b-xs h4 block m-t-sm">0</span>
                                </a>
                              </div>
                              <div class="wrapper-lg col-xs-6 col-sm-4 col-md-4 col-lg-2">
                                <a href="#">
                                  <small class="text-muted">处理中金额（元）</small>
                                  <span class="m-b-xs h4 block m-t-sm">0.69</span>
                                </a>
                              </div>
                              <div class="wrapper-lg col-xs-6 col-sm-4 col-md-4 col-lg-2">
                                <a href="#">
                                  <small class="text-muted">处理中笔数（笔）</small>
                                  <span class="m-b-xs h4 block m-t-sm">55</span>
                                </a>
                              </div>
                            </div>
                          </section>
                    </div>
                    <!-- 今日统计 结束 -->
                    <!-- 今日交易分布 开始 -->
                    <div class="col-sm-12">
                          <section class="panel panel-default">
                            <header class="panel-heading font-bold">今日交易分布</header>

                            <div class="row text-center">
                              <div class="wrapper-lg col-xs-6 col-sm-3 col-md-3">
                                <div class="panel-body">
                                  <div id="flot-pie"  style="height:240px"></div>
                                </div>
                                <p>今日交易金额<br/>通道分布</p>
                              </div>
                              <div class="wrapper-lg col-xs-6 col-sm-3 col-md-3">
                                <div class="panel-body">
                                  <div id="flot-pie2"  style="height:240px"></div>
                                </div>
                                <p>今日交易笔数<br/>通道分布</p>
                              </div>
                              <div class="wrapper-lg col-xs-6 col-sm-3 col-md-3">
                                <div class="panel-body">
                                  <div id="flot-pie3"  style="height:240px"></div>
                                </div>
                                <p>今日交易额<br/>TOP5商品收入占比</p>
                              </div>
                              <div class="wrapper-lg col-xs-6 col-sm-3 col-md-3">
                                <div class="panel-body">
                                  <div id="flot-pie4"  style="height:240px"></div>
                                </div>
                                <p>今日交易笔数<br/>TOP5商品收入占比</p>
                              </div>

                            </div>
                          </section>
                    </div>
                    <!-- 今日交易分布 结束 -->

                    <!-- 最近7日交易情况 开始 -->
                    <div class="col-sm-12">
                          <section class="panel panel-default">
                            <header class="panel-heading font-bold">最近7日交易情况
                                <div class="navbar-right m-t-n-xs">
                                  <span>选择支付产品</span>
                                  <select class="input-sm form-control input-s-sm inline v-middle ">
                                      <option value="">全部</option>
                                      <option value="1">支付宝当面付</option>
                                      <option value="2">支付宝移动支付</option>
                                      <option value="3">微信APP支付</option>
                                      <option value="4">微信扫码支付</option>
                                  </select>
                                </div>
                            </header>

                            <div class="panel-body">
                              <div id="flot-chart"  style="height:240px"></div>
                            </div>
                          </section>
                    </div>
                    <!-- 最近7日交易情况 结束 -->

                    <!-- 最近30日交易情况 开始 -->
                    <div class="col-sm-12">
                          <section class="panel panel-default">
                            <header class="panel-heading font-bold">最近30日交易情况
                                <div class="navbar-right m-t-n-xs">
                                  <span>选择支付产品</span>
                                  <select class="input-sm form-control input-s-sm inline v-middle ">
                                      <option value="">全部</option>
                                      <option value="1">支付宝当面付</option>
                                      <option value="2">支付宝移动支付</option>
                                      <option value="3">微信APP支付</option>
                                      <option value="4">微信扫码支付</option>
                                  </select>
                                </div>
                            </header>

                            <div class="panel-body">
                              <div id="flot-chart2"  style="height:240px"></div>
                            </div>
                          </section>
                    </div>
                    <!-- 最近30日交易情况 结束 -->

                    <div style="height:100px;width:100%;clear: both;"></div>
                    <!--这里是正文 结束-->
                </section>
            </section>
        </section>
    <!--菜单 结束-->
    </section>

  <script src="${ctxStatic}/js/jquery.min.js"></script>

  <!-- Bootstrap -->

  <script src="${ctxStatic}/js/bootstrap.js"></script>

  <!-- App -->

  <script src="${ctxStatic}/js/app.js"></script>

  <script src="${ctxStatic}/js/slimscroll/jquery.slimscroll.min.js"></script>

    <!-- Sparkline Chart -->

  <script src="${ctxStatic}/js/charts/sparkline/jquery.sparkline.min.js"></script>

  <!-- Easy Pie Chart -->

  <script src="${ctxStatic}/js/charts/easypiechart/jquery.easy-pie-chart.js"></script>

  <!-- Flot -->

  <script src="${ctxStatic}/js/charts/flot/jquery.flot.min.js"></script>

  <script src="${ctxStatic}/js/charts/flot/jquery.flot.tooltip.min.js"></script>

  <script src="${ctxStatic}/js/charts/flot/jquery.flot.resize.js"></script>

  <script src="${ctxStatic}/js/charts/flot/jquery.flot.orderBars.js"></script>

  <script src="${ctxStatic}/js/charts/flot/jquery.flot.pie.min.js"></script>

  <script src="${ctxStatic}/js/charts/flot/jquery.flot.grow.js"></script>

  <script src="${ctxStatic}/js/charts/flot/demo.js"></script>

  <script src="${ctxStatic}/js/app.plugin.js"></script>

  <script type="text/javascript" src="${ctxStatic}/js/jPlayer/jquery.jplayer.min.js"></script>

  <script type="text/javascript" src="${ctxStatic}/js/jPlayer/add-on/jplayer.playlist.min.js"></script>

  <script type="text/javascript" src="${ctxStatic}/js/jPlayer/demo.js"></script>
</body>

</html>